<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>院校详情及实训业务情况</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.7 -->
    <!--link导入外部的css，js样式，如果导入的资源和本页面在同一个文件夹下，直接文件名即可-->
    <link rel="stylesheet" th:href="@{/asserts/bower_components/bootstrap/dist/css/bootstrap.min.css}">
    <!-- jQuery 3 -->
    <script th:src="@{/asserts/bower_components/jquery/dist/jquery.min.js}"></script>
    <!-- Bootstrap 3.3.7 -->
    <script th:src="@{/asserts/bower_components/bootstrap/dist/js/bootstrap.min.js}"></script>
    <!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{/asserts/bower_components/font-awesome/css/font-awesome.min.css}">
    <!-- Ionicons -->
    <link rel="stylesheet" th:href="@{/asserts/bower_components/Ionicons/css/ionicons.min.css}">
    <!-- DataTables -->
    <link rel="stylesheet" th:href="@{/asserts/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css}">
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/asserts/dist/css/AdminLTE.min.css}">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" th:href="@{/asserts/dist/css/skins/_all-skins.min.css}">
    <script th:src="@{/asserts/Apolar_sh/lib/layer/2.4/layer.js}"></script>

    <!-- Google Font -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
    <style type="text/css">
        .search {
            margin-top: 40px;
            margin-left: 40px;
            position: relative;
        }
        #home {
            display: block;
            position: absolute;
            right: 10px;
            top: 8px;
            z-index: 9999;
            font-size: 30px;
        }

        #refresh {
            display: block;
            position: absolute;
            right: 46px;
            top: 10px;
            z-index: 9999;
            font-size: 26px;
        }
    </style>

</head>
<body>
<span>
    <a id="refresh" class="fa fa-refresh"  href="javascript:location.reload()"></a>
    <a id="home" class="fa fa-home" th:href="@{/campus/infoFindAll}"></a>
</span>
<div class="wrapper">
    <!-- Content Wrapper. Contains page content -->
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h4>
            <i class="fa fa-navicon"></i> 院校详情及实训业务情况
        </h4>
        <div th:if="${CampusInfo == null}">
            <div class="col-xs-2">
                <a class="btn btn-info"
                   th:href="@{/campus/infoSaveUI(campusId=${campusId},RcurrentPage=${RcurrentPage},RpageSize=${RpageSize})}">
                    <i class="fa fa-plus"></i> 添加
                </a>
                <a class="btn btn-info"
                   th:href="@{/campus/infoFindAll(currentPage=${RcurrentPage},pageSize=${RpageSize})}">
                    <i class="fa fa-backward"></i> 返回
                </a>

            </div>
        </div>
    </section>
    <div th:if="${CampusInfo == null}" style="width: 270px;margin: auto">
        <p style="color: #ff0000;font-size: 30px;font-weight: bold">没有数据请先添加！</p>
    </div>
    <!-- Main content -->
    <section class="content" th:unless="${CampusInfo == null}">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <!-- /.box-header 部门列表的显示  table  表格  th/td单元个   th字体加粗，行标题-->
                    <div class="box-body">

                        <table class="table table-striped">
                            <tr>
                                <th class="col-xs-1">院校名称</th>
                                <td th:text="${CampusInfo.campusName}">
                                    清华大学
                                </td>
                            </tr>
                            <tr>
                                <th class="col-xs-1">专业情况</th>
                                <td th:text="${CampusInfo.campusInfoProfessionSituation}">
                                    大三：计科120人（嵌入式30+、网络30+，大数据60～70）；软工100+；数媒50～60；合计300左右；
                                    该校有个跨系部的专业“互联网金融+大数据”实验班，目前大二50人（18年只有大二），大一会更多一点，入学时放在金融系，大三开始选专业，也可双专业（需要多交一年学费）。
                                </td>
                            </tr>
                            <tr>
                                <th class="col-xs-1">教学安排</th>
                                <td th:text="${CampusInfo.campusInfoLayout}">
                                    大三：计科120人（嵌入式大一～大三无校内短训安排，大四第一学期9-10月底有内训，每生500元经费。选拔在大三下学期进行。30+、网络30+，大数据60～70）；软工100+；数媒50～60；合计300左右；
                                    该校有个跨系部的专业“互联网金融+大数据”实验班，目前大二50人（18年只有大二），大一会更多一点，入学时放在金融系，大三开始选专业，也可双专业（需要多交一年学费）。
                                </td>
                            </tr>
                            <tr>
                                <th class="col-xs-1">学制情况</th>
                                <td th:text="${CampusInfo.campusInfoEducationSituation}">
                                    43+1模式，第4学期每生500元（校方出），实训6周，时间在9-10月；放在校内。目前大四有129人参加，涵盖各个专业。
                                </td>
                            </tr>
                            <tr>
                                <th class="col-xs-1">实训氛围</th>
                                <td th:text="${CampusInfo.campusInfoAtmosphere}">
                                    大四内训129人、外训75人、考研38人。
                                </td>
                            </tr>
                            <tr>
                                <th class="col-xs-1">竞争对手</th>
                                <td th:text="${CampusInfo.campusInfoCompetitor}">
                                    大三：计科120人（嵌入式大一～大三无校内短训安排，大四第一学期9-10月底有内训，每生500元经费。选拔在大三下学期进行。30+、网络30+，大数据60～70）；软工100+；数媒50～60；合计300左右；
                                    该校有个跨系部的专业“互联网金融+大数据”实验班，目前大二50人（18年只有大二），大一会更多一点，入学时放在金融系，大三开始选专业，也可双专业（需要多交一年学费）。
                                </td>
                            </tr>
                            <tr>
                                <th class="col-xs-2">招生量(近2年)</th>
                                <td th:text="${CampusInfo.campusInfoStuCount}">
                                    去年10人，今年1000人。
                                </td>
                            </tr>
                            <tr>
                                <th class="col-xs-1">其它说明</th>
                                <td th:text="${CampusInfo.campusInfoRemarks}">
                                    无
                                </td>
                            </tr>

                            <tr>
                                <td></td>
                                <td colspan="13" style="text-align:left;padding-left:20px;">
                                    <a class="btn btn-danger" th:onclick="deleteById([[${CampusInfo.campusInfoId}]])"
                                       th:if="${session.user.authority != 3}">
                                        <i class="fa fa-trash"></i> 删除
                                    </a>
                                    <a class="btn btn-warning"
                                       th:href="@{/campus/infoUpdateUI(campusId=${CampusInfo.campusId},RcurrentPage=${RcurrentPage},RpageSize=${RpageSize})}">
                                        <i class="fa fa-edit"></i> 修改
                                    </a>
                                    <a class="btn btn-info"
                                       th:href="@{/campus/infoFindAll(currentPage=${RcurrentPage},pageSize=${RpageSize})}">
                                        <i class="fa fa-backward"></i> 返回
                                    </a>
                                </td>
                            </tr>
                        </table>

                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
</div>

<!-- ./wrapper -->


<!-- DataTables -->
<script th:src="@{/asserts/bower_components/datatables.net/js/jquery.dataTables.min.js}"></script>
<script th:src="@{/asserts/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js}"></script>
<!-- SlimScroll -->
<script th:src="@{/asserts/bower_components/jquery-slimscroll/jquery.slimscroll.min.js}"></script>
<!-- FastClick -->
<script th:src="@{/asserts/bower_components/fastclick/lib/fastclick.js}"></script>
<!-- AdminLTE App -->
<script th:src="@{/asserts/dist/js/adminlte.min.js}"></script>
<!-- AdminLTE for demo purposes -->
<script th:src="@{/asserts/dist/js/demo.js}"></script>
<!-- page script -->
<script>
    function deleteById(campusInfoId) {
        layer.confirm("确认删除？",
            {
                btn: ['确定', '取消'] //按钮
            },
            function () {
                $.ajax({
                    url: "[[${#httpServletRequest.getContextPath()}]]/campus/infoDelete",
                    data: {
                        'campusInfoId': campusInfoId
                    },
                    success: function (result) {
                        console.log(result);
                        if (result == '1') {
                            layer.msg('删除成功！', {icon: 0, time: 1000});

                        } else {
                            layer.msg('删除失败！', {icon: 0, time: 1000});
                        }
                        location.reload();
                    }
                })
            },
            function () {
                layer.msg('已取消！', {icon: 0, time: 500});
                return false;
            }
        );
    };
</script>
</body>
</html>